<template>
  <div class="mui-content mh-container pb pd bg-w">
    <mh-header headName="审核" :showBack="showBack"> </mh-header>
    <div class="mui-segmented-control mh-segmented">
      <a class="mui-control-item mui-active" @click="handleCondition(1)"><span>网友信息</span></a>
      <a class="mui-control-item" @click="handleCondition(2)"><span>下线备注</span></a>
      <a class="mui-control-item" @click="handleCondition(3)"><span>互动审核</span></a>
      <a v-if='isAdmin' class="mui-control-item" @click="handleCondition(4)"><span>红娘审核</span></a>
      <a v-if='isAdmin' class="mui-control-item" @click="handleCondition(5)"><span>产品审核</span></a>
      <a v-if='isAdmin' class="mui-control-item" @click="handleCondition(6)"><span>我的审核</span></a>
    </div>

    <router-view> </router-view>

    <tab-menu :activeTab="activeFootTab"> </tab-menu>
  </div>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header'
  import TabMenu from '@/components/tab-menu/hn-tab'
  export default {
    data () {
      return {
        showBack: false,
        activeFootTab: 4,
        isAdmin: true
      }
    },
    methods: {
      handleCondition (i) {
        switch (i) {
          case 2:
            this.$router.push({name: 'reviewNote'});
            break;
          case 3:
            this.$router.push({name: 'reviewInteractIndex'});
            break;
          case 4:
            this.$router.push({name: 'reviewMakerIndex'});
            break;
          case 5:
            this.$router.push({name: 'reviewProduct'});
            break;
          case 6:
            this.$router.push({name: 'reviewMine'});
            break;
          default:
            this.$router.push({name: 'reviewFriendsList'});
            break;
        }
      }
    },
    components: {
      MhHeader,
      TabMenu
    }
  }
</script>

<style>
  .mui-segmented-control .mui-control-item {font-size: 1.4rem;}
</style>

